<template>
  <div class="product-container">
    <zl-header class="headerwrapper">
    </zl-header>
    <zl-goods class="goodswrapper">
    </zl-goods>
  </div>
</template>

<script type="text/ecmascript-6">
  import header from './header/header.vue';
  import goods from './goods/goods.vue';

  export default {
    name: 'productlist',
    components: {'zl-header': header, 'zl-goods': goods}
  };
</script>

<style lang="stylus" rel="stylesheet/stylus">
  .product-container
    position absolute
    height 100%
    width 100%
    overflow hidden
    .headerwrapper
      position absolute
      top 0
      height 134px
    .goodswrapper
      position absolute
      top 134px
      bottom 0
</style>
